<template>
  <div>
    <Row :gutter="10">
      <Col :xs="24" :sm="12" :md="6"> xxx </Col>
      <Col :xs="24" :sm="12" :md="6"> <LineChart /> </Col>
      <Col :xs="24" :sm="12" :md="6"> <BarChart /> </Col>
      <Col :xs="24" :sm="12" :md="6"> <ProgressChart /> </Col>
    </Row>
    <SalesChart />
    <Row :gutter="10">
      <Col :xs="24" :sm="12"> <PieChart /> </Col>
      <Col :xs="24" :sm="12"> xxx </Col>
    </Row>
    <MapChart />
  </div>
</template>

<script lang="ts">
  import { defineComponent } from 'vue';
  export default defineComponent({
    name: 'Workbench',
  });
</script>

<script lang="ts" setup>
  import { Row, Col } from 'ant-design-vue';
  import LineChart from './components/LineChart.vue';
  import BarChart from './components/BarChart.vue';
  import ProgressChart from './components/ProgressChart.vue';
  import SalesChart from './components/SalesChart.vue';
  import PieChart from './components/PieChart.vue';
  import MapChart from './components/MapChart.vue';
</script>
